<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="" id="viewMeta">
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
		<meta name="description" id="description">
		<title>
			首页
		</title>
		<!--页面加载start-->
		
		<link rel="stylesheet" type="text/css" href="css/loader.min.css">
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index1.min.css" />
		<script src="js/jquery-2.2.0.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			canvas {
				display: block;
				width: 100%;
				height: 100%;
				background: transparent;
				z-index: 9999;
				transition: all 1.5s 0.5s linear;
				opacity: 0;
			}
			
			span.swiper-pagination-bullet {
				transition: all .3s linear;
			}
			
			span.swiper-pagination-bullet.swiper-pagination-bullet-active {
				height: 30px;
				border-radius: 10px;
			}
		.header-ul span,.header-ul  a{
	        color: #fff;
	        text-decoration: none;
	    }
		/*.header-ul span:hover,.header-ul  a:hover{
	        color: red;
	        text-decoration: none;
	    }*/
	   .links {
	   	cursor: pointer !important;
	   }
		</style>
	</head>

	<body>
		<script type="text/javascript">
			// 等待所有加载
//			$(window).load(function() {
//				$('body').addClass('loaded');
//				$('#loader-wrapper .load_title').remove();
//			});
			$(window).ready(function() {
				$('body').addClass('loaded');
				$('#loader-wrapper .load_title').remove();
			});
		</script>
		<div id="loader-wrapper">
			<div id="loader"></div>
			<div class="loader-section section-left"></div>
			<div class="loader-section section-right"></div>
		</div>
		<!--<header class="animated pulse">
			<div class="header">
				<a href="" class="logo">
					<a href="" class="logo_change">
						<img id="img2" src="images/index/logo_in_white.png" style="width:0.8rem;" />
					</a>
				</a>
				<ul>
					<li>
						<a href="index.html" class="active">
							首页
						</a>
					</li>
					<li class="price" onclick="window.location.href='product.html'">
						<a href="product.html">
							产品
						</a>
						<div class="product-box">
							<ol class="header-ul">
								<li>
									<span>
												<a href="BDP.html" style="color: #fff;text-decoration: none;">一站式大数据应用平台&nbsp;</a>		
									</span>
								</li>
								<li>
									<span>
													<a href="MBI.html" style="color: #fff;text-decoration: none;">自助式企业级BI平台&nbsp;</a>	
									</span>
								</li>
								<li>
									<span>
													<a href="BPM.html" style="color: #fff;text-decoration: none;">总线式业务协同平台&nbsp;</a>	
													</span>
								</li>
								<li>
									<span>
														<a href="DIP.html" style="color: #fff;text-decoration: none;">可视化集成开发平台&nbsp;</a>
													</span>
								</li>
								<li>
									<span>
														<a href="DAP.html" style="color: #fff;text-decoration: none;">多层级数据采集平台&nbsp;</a>
													</span>
								</li>
								<li>
									<span>
														<a href="IDP.html" style="color: #fff;text-decoration: none;">泛数据集成与交换平台&nbsp;</a>
													</span>
								</li>
								<div>
								</div>
							</ol>
						
						</div>
					</li>
					<li>
						<a href="precept.html">
							方案
						</a>
					</li>
					<li>
						<a href="case.html">
							案例
						</a>
					</li>
					<li>
						<a href="active.html">
							活动资讯
						</a>
					</li>
					<li>
						<a href="">
							在线演示
						</a>
					</li>
					<li>
						<a href="team.html">
							伙伴合作
						</a>
					</li>
					<li style="margin-left: -5px;">
						<a href="about.html">
							关于
						</a>
					</li>
				</ul>
			</div>
			<a href="" class="username saqui-button" data-text="用户中心">
				用户中心
			</a>
		</header>-->
		<section>
			<!-- Swiper -->
			<div class="swiper-container swiper-no-swiping" id="swiper1">
				<div class="swiper-wrapper swiper-no-swiping">
					<!--第一屏-->
					<div class="swiper-slide swiper-no-swiping" id="slide1">
						<div class="wrap-slide swiper-lazy">
							<div class="wrap-slide1-left">
								<div class="slide1-left-title">
									<p class="slide1-left-title1 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1s">
										让软件开发艺术化
									</p>
									<p class="slide1-left-title2 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
										DAAD — 设计即开发，让软件开发变成艺术创作
									</p>
								</div>
								<div class="slide1-left-bot">
									<p class="slide1-left-bot1">
										艺术化的开发过程
									</p>
									<p class="slide1-left-bot2">
										<i>
										</i>
										<span>
										</span>
										<b>
										</b>
									</p>
									<ul>
										<li class="ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
											<a href="works.html" class="links nanuk-button" name="works.html" style="cursor: pointer;">
												<span>设</span> <span>计</span> <span>即</span> <span>开</span> <span>发</span>
											</a>
										</li>
										<li class="ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
											<a href="works.html" class="links nanuk-button" name="works.html"  style="cursor: pointer;">
												<span>分</span> <span>离</span> <span>业</span> <span>务</span> <span>&</span> <span>技</span> <span>术</span>
											</a>
										</li>
										<li  class="ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="1s" swiper-animate-delay="1.1s">
											<a href="works.html" class="links nanuk-button" name="works.html" style="cursor: pointer;">
												<span>融</span> <span>合</span> <span>本</span> <span>地</span> <span>&</span> <span>云</span> <span>端</span>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<!-- lightSpeedIn -->
							<div class="wrap-slide1-right ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
								<a class="circular">
									<p>
										艺术化的开发平台
									</p>
									<span style="cursor: pointer;" class="links" name="product.html" >
										产品家族
									</span>
									<i>
									</i>
								</a>
								<ul>
									<li style="top: -0.48rem;left:1.52rem;">
										<a class="links" name="MBI.html" value="Cosmo++MBI">
											<span value="艺术化的开发平台1">
												MBI
											</span>
										</a>
										<!--<p>
										</p>-->
									</li>
									<li style="top:0.15rem;right:0.14rem">
										<a class="links" name="BPM.html" value="Cosmo++BPM">
											<span value="艺术化的开发平台2">
												BPM
											</span>
										</a>
										<!--<p>
										</p>-->
									</li>
									<li style="top: 1.52rem;right:-0.48rem;">
										<a href="javascript:;" value="Cosmo++MDM" class="headActive">
											<span value="艺术化的开发平台3">
												MDM
											</span>
										</a>
										<!--<p>
										</p>-->
									</li>
									<li style="bottom: 0.15rem;right:0.14rem;">
										<a href="javascript:;" value="Cosmo++MEM">
											<span value="艺术化的开发平台4">
												MEM
											</span>
										</a>
										<!--<p>
										</p>-->
									</li>
									<li style="bottom: -0.48rem;left:1.52rem;">
										<a class="links" name="DAP.html" value="Cosmo++DAP">
											<span value="艺术化的开发平台5">
												DAP
											</span>
										</a>
										<!--<p>
										</p>-->
									</li>
									<li style="bottom: 0.15rem;left:0.14rem;">
										<a class="links" name="DIX.html" value="Cosmo++DIP">
											<span value="艺术化的开发平台6">
												DIX
											</span>
										</a>
										<!--<p>
										</p>-->
									</li>
									<li style="top:1.52rem;left:-0.48rem;">
										<a class="links" name="IDP.html" value="Cosmo++IDP">
											<span value="艺术化的开发平台7">
												IDP
											</span>
										</a>
										<!--<p>
										</p>-->
									</li>
									<li style="top: 0.14rem;left:0.15rem;">
										<a class="links" name="BDP.html" value="Cosmo++BDP">
											<span value="艺术化的开发平台8">
												BDP
											</span>
										</a>
										<!--<p>
										</p>-->
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="swiper-slide swiper-no-swiping" id="slide2" onresize="resize_canvas()">
						<div class="wrap-body">
							<div class="swiper-no-swiping slide2-title" style="z-index: 111;">
								<b class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1s">
									发掘数据的价与美
								</b>
								<p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
									帮助企业实现大数据运营，发掘数据的价值与美丽
								</p>
							</div>
						</div>
						<canvas height="400" width="1200" id="trails">
						</canvas>
					</div>
					<div class="swiper-slide swiper-no-swiping" id="slide3">
						<!--第三版-->

						<div class="wrap-body3">
							<div class="slide3-title">
								<b class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1s">
									他需故我在，益世方长益 
								</b>
								<p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
									客户和伙伴的需要是宇动源存在的唯一理由，通过输出价值实现自我价值
								</p>
							</div>
							<div class="slide3-center">
								<div class="slide3-content ">
									<!--<img src="images/index/page3_03.png" style="width: 8rem;height: 2rem;"
									/>
									-->
									<div class="slide3-left slide3-menu ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
										<p>
											为客户提供
										</p>
										<span>
											卓越的产品&nbsp;专业的服务
										</span>
									</div>
									<div class="slide3-top ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
										<p>
											<i>
											</i>
										</p>
									</div>
									<div class="slide3-bottom ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
										<p>
											<i>
											</i>
										</p>
									</div>
									<div class="slide3-right slide3-menu ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
										<p>
											为伙伴提供
										</p>
										<span>
											成果输出&nbsp;价值输出&nbsp;产品共生&nbsp;服务共生
										</span>
									</div>
								</div>
								<div class="slide3-foot">
									<div class="left slide3-foot-div" style="margin-right:25px ;">
										<a href="team.html" class="links nanuk-button" name="team.html">
											<span>产</span> <span>品</span> <span>生</span> <span>态</span> <span>>></span>
										</a>
									</div>
									<div class="left slide3-foot-div">
										<a href="team.html" class="links nanuk-button" name="team.html">
											<span>服</span> <span>务</span> <span>生</span> <span>态</span> <span>>></span>
										</a>
									</div>
									<div class="clearbox"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="swiper-slide swiper-no-swiping" id="slide4" style="position: relative;overflow: hidden;">
						<div class="slide4-bg"></div>

						<div class="slide4-content">
							<div class="slide4-title">
								<b class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1s">
									中小企业SAAS服务个性化
								</b>
								<p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
									专注特长、自由组合、通过团队服务 小企业的模式、实现SAAS个性化.
								</p>
							</div>
							<div class="slide4-main">
								<div class="slide4-menu">
									<div class="swiper-container" id="s4-swiper">
										<div class="swiper-wrapper">
											<div class="swiper-slide s4-slide-left">
												<div class="menu-lf-1">
													<span class="cloud1">
														<p>
															<b class="wz1">云商城</b><br />
															<span class="wz2">店铺</span>
													</p>
													</span>
													<span class="cloud2">
														<p>
															<b class="wz1">云工厂</b><br />
															<span class="wz2">工作室</span>
													</p>
													</span>
													<span class="menu-lf-1-1 posiA center-l-r">创客</span>
													<span class="menu-lf-1-2 posiA center-l-r">企业</span>
													<div class="menu-lf-2">
														<i class="lf-2-cir1 posiA"></i>
														<i class="lf-2-cir2 posiA"></i>
														<i class="lf-2-cir3 posiA"></i>
													</div>
													<div class="menu-lf-3 posiA"></div>
													<div class="menu-lf-4 posiA"></div>
													<div class="menu-lf-5 posiA">
														<div class="menu-lf-5-1 posiA"></div>
														<span class="menu-lf-item lf-item-1 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0s">软件服务买卖</span>
														<span class="menu-lf-item lf-item-2 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.1s">其他服务供需</span>
														<span class="menu-lf-item lf-item-3 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.2s">店主间互动</span>
														<span class="menu-lf-item lf-item-4 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s">企业间交易</span>
													</div>
													<div class="menu-lf-6 posiA">
														<div class="menu-lf-6-1 posiA"></div>
														<div class="menu-lf-6-2 posiA"></div>
														<span class="menu-lf2-item lf-item-5 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0.4s">软件开发环境</span>
														<span class="menu-lf2-item lf-item-6 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0.5s">软件运行环境</span>
														<span class="menu-lf2-item lf-item-7 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0.6s">服务工具</span>
														<span class="menu-lf2-item lf-item-8 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0.7s">店主间互动支持</span>
														<span class="menu-lf2-item lf-item-9 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0.8s">线上服务支持</span>
														<span class="menu-lf2-item lf-item-10 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0.9s">企业间互助支持</span>
													</div>
												</div>
											</div>
											<div class="swiper-slide s4-slide-right">
												<div class="menu-rh-1 posiR">
													<div class="menu-rh-2"></div>
													<div class="menu-rh-3 posiA">
														<div class="menu-rh-sq2">业务达人</div>
													</div>
													<div class="menu-rh-4 posiA">
														<div class="menu-rh-sq3">技术宅男</div>
													</div>
													<div class="menu-rh-item1">
														<div class="unit1 left center-l-r">最终应用</div>
														<div class="unit2 left center-l-r">
															<span class="center-l-r">应用</span>
														</div>
														<div class="unit2 left center-l-r">
															<span class="center-l-r">应用</span>
														</div>
														<div class="unit2 left center-l-r">
															<span class="center-l-r">应用</span>
														</div>
													</div>
													<div class="menu-rh-item2">
														<div class="unit1 left center-l-r">开发模板</div>
														<div class="unit2 left center-l-r">
															<span class="center-l-r">模板</span>
														</div>
														<div class="unit2 left center-l-r">
															<span class="center-l-r">模板</span>
														</div>
														<div class="unit2 left center-l-r">
															<span class="center-l-r">模板</span>
														</div>
													</div>
													<div class="menu-rh-item3">
														<div class="unit1 left center-l-r">功能组件</div>
														<div class="unit2 left center-l-r">
															<span class="center-l-r">组件</span>
														</div>
														<div class="unit2 left center-l-r">
															<span class="center-l-r">组件</span>
														</div>
														<div class="unit2 left center-l-r">
															<span class="center-l-r">组件</span>
														</div>
													</div>
													<div class="menu-rh-cir mu-rh-c1">服务商店</div>
													<div class="menu-rh-cir mu-rh-c2">应用商店</div>
													<div class="menu-rh-cir mu-rh-c3">模板商店</div>
													<div class="menu-rh-cir mu-rh-c4">组件商店</div>
													<div class="menu-rh-sq1">自由威客</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="slide4-control">
									<p>
										<span class="s4-con-act s4-swiper-left">“前店后厂” 的运行模式</span>
										<span class="s4-swiper-right">“共建共营共享” 的运营模式</span>
										<i class="s4-line"><i></i></i>
									</p>
								</div>
							</div>
							<div class="slide4-foot center-l-r">
								<p class="leftP">
									<a href="#" class="nanuk-button">
										<span>云</span> <span>工</span> <span>厂</span> <span>></span> <span>></span>
									</a>
								</p>
								<p class="leftP">
									<a href="#" class="nanuk-button">
										<span>云</span> <span>协</span> <span>作</span> <span>></span> <span>></span>
									</a>
								</p>
								<p class="leftP">
									<a href="#" class="nanuk-button">
										<span>云</span> <span>商</span> <span>城</span> <span>></span> <span>></span>
									</a>
								</p>
							</div>
						</div>
					</div>
					<div class="swiper-slide" id="slide5">
						<div class="slide5_content">
							<div class="slide5-title">
								<b class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1s">
									合作伙伴
								</b>
								<p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
									我们的客户
								</p>
							</div>
							<div class="s5-friend">
								<div class="frends-list">
					    			<div class="frends-box">
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gt.png" alt="" />国投集团
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gt_hov.png" alt="" />国投集团
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgsy.png" alt="" />中国石油
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgsy_hov.png" alt="" />中国石油
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgzc.png" alt="" />
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgzc_hov.png" alt="" />
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zhy.png" alt="" style="height: 40%"/>
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zhy_hov.png" alt="" style="height: 40%"/>
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gxgj.png" alt="" />国新国际
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gxgj_hov.png" alt="" />国新国际
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgjn.png" alt="" />中国节能
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgjn_hov.png" alt="" />中国节能
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zl.png" alt="" />中粮
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zl_hov.png" alt="" />中粮
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgyc2.png" alt="" />中国印钞
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgyc2_hov.png" alt="" />中国印钞
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/htkg.png" alt="" />航天科工
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/htkg_hov.png" alt="" />航天科工
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zglt.png" alt="" />中国联通
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zglt_hov.png" alt="" />中国联通
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gjdw.png" alt="" />国家电网
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gjdw_hov.png" alt="" />国家电网
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/shyh.png" alt="" />上海银行
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/shyh_hov.png" alt="" />上海银行
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zghp.png" alt="" />中国惠普
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zghp_hov.png" alt="" />中国惠普
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zxyh.png" alt="" />中信银行
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zxyh_hov.png" alt="" />中信银行
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgyc.png" alt="" />中国烟草
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgyc_hov.png" alt="" />中国烟草
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zyhy.png" alt="" />中远海运
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zyhy_hov.png" alt="" />中远海运
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zjzj.png" alt="" />质检总局
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zjzj_hov.png" alt="" />质检总局
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gszj.png" alt="" />国税总局
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gszj_hov.png" alt="" />国税总局
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zjb.png" alt="" />住建部
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zjb_hov.png" alt="" />住建部
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/czb.png" alt="" />财政局
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/czb_hov.png" alt="" />财政局
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gsj.png" alt="" />工商局
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gsj_hov.png" alt="" />工商局
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/tjj.png" alt="" />统计局
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/tjj_hov.png" alt="" />统计局
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/slj.png" alt="" />水利局
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/slj_hov.png" alt="" />水利局
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/whyc.png" alt="" />文化遗产
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/whyc_hov.png" alt="" />文化遗产
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/yjyjy.png" alt="" />冶金研究院
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/yjyjy_hov.png" alt="" />冶金研究院
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/dxyjj.png" alt="" />电信研究院
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/dxyjj_hov.png" alt="" />电信研究院
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zghd.png" alt="" />中国华电
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zghd_hov.png" alt="" />中国华电
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgyxy.png" alt="" />中国医学院
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zgyxy_hov.png" alt="" />中国医学院
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/hhyx.png" alt="" />和合医学
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/hhyx_hov.png" alt="" />和合医学
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/wstx.png" alt="" />万声通讯
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/wstx_hov.png" alt="" />万声通讯
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/hxw.png" alt="" />
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/hxw_hov.png" alt="" />
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/mklm.png" alt="" />美克拉美
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/mklm_hov.png" alt="" />美克拉美
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/csm.png" alt="" style="height: 45%"/>
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/csm_hov.png" alt="" style="height: 45%"/>
					    							</span>
					    						</span>
					    					</span>
				    					</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zygw.png" alt="" />
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zygw_hov.png" alt="" />
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zhzx.png" alt="" />中华咨询
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zhzx_hov.png" alt="" />中华咨询
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gzhq.png" alt="" />广州华侨
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gzhq_hov.png" alt="" />广州华侨
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/szsm.png" alt="" />神州数码
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/szsm_hov.png" alt="" />神州数码
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/dtrj.png" alt="" />大唐软件
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/dtrj_hov.png" alt="" />大唐软件
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/lc.png" alt="" />
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/lc_hov.png" alt="" />
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zr.png" alt="" />中软
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zr_hov.png" alt="" />中软
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/ccrj.png" alt="" />
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/ccrj_hov.png" alt="" />
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zkr.png" alt="" />中科软
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/zkr_hov.png" alt="" />中科软
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/infor.png" alt="" />
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/infor_hov.png" alt="" />
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/qhyx.png" alt="" />前海医信
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/qhyx_hov.png" alt="" />前海医信
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/qnrj.png" alt="" />青牛软件
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/qnrj_hov.png" alt="" />青牛软件
					    							</span>
					    						</span>
					    					</span>
					    				</a>
				    					<a href="#">
				    						<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/cdzs.png" alt="" />
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/cdzs_hov.png" alt="" />
					    							</span>
					    						</span>
					    					</span>
				    					</a>
				    					<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gdnr.png" alt="" />国电南瑞
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/gdnr_hov.png" alt="" />国电南瑞
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    				<a href="#">
					    					<span class="fri-container">
					    						<span class="fri-box">
					    							<span class="fri-logo">
					    								<img src="images/index/friend/DHC.png" alt="" />
					    							</span>
					    							<span class="fri-logo">
					    								<img src="images/index/friend/DHC_hov.png" alt="" />
					    							</span>
					    						</span>
					    					</span>
					    				</a>
					    			</div>
					    		</div>
							</div>
						</div>
				
					<div class="slide5_footer">
						<div>
							<div>
								<p>
									网站导航
								</p>
								<div>
									<div class="footer_div_hover" >
										<a class="links" name="product.html">产品</a>
									</div>
									<div class="footer_div_hover">
										<a class="links" name="active.html">活动资讯</a>
									</div>
								</div>
								<div>
									<div class="footer_div_hover">
										<a class="links" name="precept.html">方案</a>
									</div>
									<div class="footer_div_hover" >
										在线演示
									</div>
								</div>
								<div>
									<div class="footer_div_hover" >
										<a class="links" name="case.html">案例</a>
									</div>
									<div class="footer_div_hover" >
										<a class="links" name="team.html">伙伴合作</a>
									</div>
								</div>
							</div>
							<div>
								<p>
									联系我们
								</p>
								<div>
									<img src="images/index/footer_icon1.png" /> 地址：
									<input type="text" id="slide5_inp" value="北京市海淀区黑泉路8号宝盛广场D7003" />
								</div>
								<div>
									<img src="images/index/footer_icon2.png" /> 邮箱：
									<input type="text" id="slide5_inp" value="info@cosmosource.com">
								</div>
								<div>
									<img src="images/index/footer_icon3.png" /> 电话： <input type="text" id="slide5_inp" value="400-963-8881" />
								</div>
							</div>
							<div>
								<p>
									关注我们
								</p>
								<div>
										<img src="images/index/weixin.png" width="59" height="59" class="foot_item1"/>
										<img src="images/index/weibo_hov.png" class="foot_item1" width="59" height="59"/>
									</div>
							</div>
							<!--<div class="clearbox"></div>-->
						</div>
						<div class="icp">
							<span style="cursor: pointer;">
								版权所有©2015 宇动源(北京)信息技术有限公司
							</span>
							<span style="cursor: pointer;">
													备案序号:京ICP备05013605号
												</span>
							<span style="cursor: pointer;">
								<a class="links" name="about.html" ><span class="footer_div_hover">关于我们</span></a>丨
													<a class="links" name="legalNotice.html"><span class="footer_div_hover">法律声明</span></a>丨
													<a class="links" name="privacy.html"><span class="footer_div_hover">隐私保护</span></a>
													
								</span>
						</div>
					</div>
			
			</div>
		
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination swiper-pagination1"></div>
			</div>
		</section>
	</body>
	<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8">
	</script>
	<script src="js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8">
	</script>
	<script src="js/zepto.min.js" type="text/javascript" charset="utf-8">
	</script>
	<script src="js/rem.js" type="text/javascript">
	</script>
	<script src="js/swiper.min.js">
	</script>
	<script src="js/index.js" type="text/javascript" charset="utf-8">
	</script>
	<script>
		(function() {
			let html = document.documentElement;
			if(html.clientWidth <= 900) html.clientWidth = 900;
			html.style.fontSize = html.clientWidth * 20 / 320 + 'px';
			window.onresize = function() {
				resize_canvas(); //重置canvas尺寸
				//console.log(html.clientWidth<=900)
				//console.log(window.innerHeight = 300)
				if(html.clientWidth <= 900) {
					html.style.fontSize = 900 * 20 / 320 + 'px';
					return;
				}
				html.style.fontSize = html.clientWidth * 20 / 320 + 'px';
			};
		})();
		
		$('.circular ul li').click(function(){
			$('.product').addClass('active')
		})
		
		//alert(whichPage('#/index.html') )
		//$('meta[name="description"]').attr('content','宇动源一直专注于软件开发图形化和数据增值去技术化。产品涵盖数据采集、数据共享、商业智能（BI）、业务协同、大数据应用（Big Data）、集成开发、数据治理等系列化技术场景；广泛应用于集团管控、政府监管、决策支持、大数据运营等业务场景。')
		
		$(document).ready(function(){
			//初始化总页面
			new Swiper('#swiper1', {
				lazyLoading: true,
				setWrapperSize: true, //兼容flex
				direction: 'vertical', //纵向
				followFinger: false,
				threshold: 100, //少于100不会拖动
				speed: 1000,
				mousewheel: true,
				noSwiping: true,
				pagination: {
					el: '.swiper-pagination1',
					clickable: true
				},
				paginationClickable: true,
				on: {
					init: function(swiper) {
						console.log('初始化')
						swiperAnimateCache(this); //隐藏动画元素 
	        			swiperAnimate(this); //初始化完成开始动画
					},
					slideChangeTransitionEnd: function(){ 
				        swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
				   	},
					transitionStart: function() {
						console.log('滑动开始')
						console.log(this.slides.length);
						console.log(this.slides);
						for(i = 0; i < this.slides.length; i++) {
							slide = this.slides.eq(i);
							slide.removeClass('ani-slide');
							$('#' + slide[0].id).find('canvas').css('opacity', '0');
						}
					},
					transitionEnd: function() {
						console.log('滑动结束')
						slide = this.slides.eq(this.activeIndex);
						slide.addClass('ani-slide');
						$('#' + slide[0].id).find('canvas').css('opacity', '1');
					}
				}
	
			});
			//初始化第四屏切换
			var s4Swiper = new Swiper('#s4-swiper');
			$('.s4-swiper-left').click(function() {
				s4Swiper.slidePrev();
			})
			$('.s4-swiper-right').click(function() {
				s4Swiper.slideNext();
			})
			
			var meta = document.getElementById('viewMeta');
			var dpr = window.devicePixelRatio;
			meta.setAttribute('content', 'initial-scale=' + 1 / dpr + ', maximum-scale=' + 1 / dpr + ', minimum-scale=' + 1 / dpr + ', user-scalable=no');
			//$('.swiper-slide').fadeIn(800)
		})
		$(".links").click(function(){
			//alert(1)
			var links = $(this).attr("name");
			window.parent.location.hash = links;
			/*$("#link-page-box", window.parent.document).attr("src", links);
			$(".links", window.parent.document).removeClass('active');
			$(this).addClass('active');
			//alert(links)
			//if ( links != "index.html") {		
				$(".links", window.parent.document).addClass('header_li');
				$('.logo_change img', window.parent.document).attr('src','images/index/logo21X.png')
				$('header', window.parent.document).css('background','#fff')
			//
			if ( links == "MBI.html" || links == "DAP.html" || links == "DIP.html" || links == "IDP.html" || links == "BDP.html" || links == "BPM.html") {
				$('.product', window.parent.document).addClass('active')
			}*/
		})
		
	</script>

</html>